<template>
  <div class=" font_s16">
    <p class="pop_name font_s24">{{infoObject.orgName}}</p>
    <p>从业总人数： <span style="color: #F9DD6A">{{infoObject.practitioner}}</span> 人</p>
    <p>35岁以下人数： <span style="color: #F9DD6A">{{infoObject.practitioner35yearsOld}}</span> 人</p>
    <p>本科以上人数： <span style="color: #F9DD6A">{{infoObject.practitionerBkys}}</span> 人</p>
    <p>有墓地管理员资质人数： <span style="color: #F9DD6A">{{infoObject.practitionerQualified}}</span> 人</p>
  </div>
</template>

<script>
  export default {
    name: "RYInfoItem",
    props: {
      infoObject: {
        type: Object,
        default: () => {
          return {}
        }
      }
    }
  }
</script>

<style scoped lang="scss">
  .pop {
    background: rgba(5, 18, 51, 0.8);
    padding: 1rem 1.5rem;
    border: 1px solid #75fbfe;
    color: #cef9fc;
    position: absolute;
    left: 8rem;
    top: -2rem;
    z-index: 3;
    .pop_name {
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #72ffff;
      text-align: center;
      margin-bottom: 1rem;
    }
    p {
      line-height: 1.8rem;
    }
  }
</style>